Skip to main content

Make a Form Title Not Show

Last updated 6/07/2022

How to Make a Form Title Not Show

This documentation will explain how to not show the title of a form. By default, Five will show the title of the form, however, you may be using the form in two different places and may only want to show the title of the form in one place. By writing a condition in the Show Title If field you can make the title not show. The condition can be as simple as false. If you are using the form in multiple places this will make the title not show wherever your form is located.

Default
true

Steps

  1. Select the Form record in the list.

  2. Either click the Edit button in the form app bar, or click directly in the Show Title If field.

  3. Type false in the Show Title If field.

  4. Click the Save button in the form app bar.


Not Show the Form Title
Figure 1 - Not show the form title

The image below shows how a form would look in your application with the title shown.


Title Shown
Figure 2 - Title shown

The image below shows how a form would look in your application with the title not shown.


Title Not Shown
Figure 3 - Title not shown

Add a Conditional Statement to the Show Title If Field

You may be using the same form in two different places in your application such as:

  • A standalone form; and
  • This same form positioned on a dashboard.

You can write a JavaScript condition that prevents the title of the form from showing when on the dashboard, however, still be shown when a standalone form. The example code demonstrates how to do this.


(five.menuSelection.menuId() !== <'menuID for the dashboard'>)


Prerequisites

  • A dashboard with a page area referring to the form's Action ID.
  • The dashboard must have a menu item created for the Menu ID to be used in the code.

Menu ID
Figure 4 - Menu ID for the Position dashboard

Steps

  1. Select the required Form record in the list.

  2. Either click the Edit button in the form app bar, or click directly in the Show Title If field.

  3. Type your condition. For this example, (five.menuSelection.menuId() !== 'Position')

  4. Click the Save button in form app bar.


Conditional Show Title If
Figure 5 - Add a condition to the Show Title If field

The image below shows how the form would look as a standalone form.


Standalone Form
Figure 6 - Standalone form

The image below shows how the form would look on the dashboard.


Title Not Shown
Figure 7 - Form on a dashboard